@charset "utf-8";
/* CSS Document */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	margin: 0;
	padding: 130px 0 0 0;
	color: black;
	background: url("../img/bodyBackground.gif");
	
}
#Contendor {
	width: 980px;
	margin: auto;
}

#contenido{
	float:right;
	padding:20px;
	width:660px;
	min-height:600px;
	margin-top: 10px;
	visibility: visible;
	background: #fff;
	display: block;
}

.menu_seccion li 
{
	list-style-position: inside;
	list-style-image:url("../img/triangulorojo.gif");
	list-style-type: none;
	line-height: 15px;
	padding: 1px;
	margin: 0;
    
}

#columna1
{
	float:left;
	width: 24%;
	margin-top: 10px;
}

#columnaDer
{
	float:center;
	width:90%;
	margin-top: 10px;
}

#encabezado {
	margin: auto;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/headerBar.png") center top no-repeat;
}
#encabezado .encabezadoCont {
	width: 980px;
	height: 120px;
	padding: 4px 0 5px 0;
	margin: auto;
}
#encabezado .avatar {
	float: left;
	margin-left: 13px;
}
#encabezado .avatar img {
	width: 114px;
	height: 114px;
}
#encabezado .login {
	margin: 5px 10px 0 10px;
	float: left;
}
#encabezado .login a {
	font-size: 16px;
	height: 27px;
	padding: 5px 0 0 38px;
	display: block;
	background: url("../img/botonFlecha1.png") no-repeat;
}
#encabezado span {
	float: right;
}

/*** MENU PRINCIAL ***/
#menuPrincipal {
	margin: auto;
	margin-left: 20px;
	padding: 0;
	position: absolute;
	top: 110px;
	z-index: 2;
}
#menuPrincipal li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0 2px 0 2px;
}
#menuPrincipal li a {
	width: 106px;
	height: 25px;
	padding: 5px 0 0 0;
	color: #FFFFFF;
	text-align: center;
	background: url("../img/menup1.png") no-repeat;
	display: block;
}
#menuPrincipal li a:hover {text-decoration: underline !important;background: url("../img/menup2.png") no-repeat; color: #CC3300}

td.fondo_raya_vertical {
	background-image: url("http://www.univalle.edu.co/imagenes/portada/palo_gris_vertical.gif");
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #cc3300;
	background-color: inherit;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #cc6666;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #660000;
	background-color: inherit;
	text-decoration: underline;
}

.titulo
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#cc0000;
	text-align:left;
	text-decoration:underline;
	text-decoration:overline;
}

.normalGrisLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*font-style: bold;*/
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	background-color: inherit;
	text-decoration: none;
}

.normalGrisHover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*font-style: bold;*/
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #660000;
	background-color: inherit;
	text-decoration: none;
}

.normalGrisVisited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	background-color: inherit;
	text-decoration: none;
}

.miniNegro {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color:#333333;
	background-color: inherit;
        font-weight:bold;
        text-align:left;
}
.botonBorrar {
	font-family: Verdana, Arial;
	font-size: 11px;
	background: #F2F2F2;
	border-bottom: 1px solid #660000;
	border-right: 1px solid #660000;
	border-left: 1px solid #660000;
	border-top: 1px solid #660000;
	color:#990000;
	height:18px;
	font-weight: bold;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	float: right;
} 

.enlacenohabilitado {
  color:#333333;
  text-align:left;
  text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.razonesdeliderazgo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;*/
	color: #000000;
	background-color: inherit;
	text-decoration: none;
}

.titulocuadrorojo {
	color:#ffffff;
	text-align:left;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background: url("../img/tablaTitulo.png") no-repeat;
	width:	250px;
	height: 42px;
	padding: 5px 10px 0 24px;
}
.titulocuadrogris {
        border-top-left-radius: 8px;
        color:#ffffff;
	text-align:left;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;

	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px;
     ;
}

.titulocuadro {
        border-top-left-radius: 8px;
        color:#ffffff;
	text-align:left;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;

	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-top:7%;
    margin-right: 10%;
    padding-left: 3%;
}

.MayorInformacion {
  color:#333333;
  text-align:left;
  text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

#item_derecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: auto;
	padding-right: 4px;
	padding-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 14px;
}
.item {
	background: url("../img/tablaFin.png") center bottom no-repeat;
	padding: 0 0 15px 0;
	height: auto;
	width: 274px;
	margin-bottom: 15px;
}
ul.menu_seccion {border: none !important;}
.menu_seccion {
	width: 244px;
	border: none !important;
	margin: 0;
	padding: 0 15px 0 15px;
	text-decoration: none;
	background: url("../img/tablaContenido.png") center top repeat-y;
    
}

.item2 {
	background-color:#ffffff;
	padding:0.5px;
	height: auto;
	margin-right:10%;
}


#menu {
}

.Form {
	background-color: #ffffff;
	padding: 5px;
	width: 100%;	
}

h3 {
 	color: #666666;
}
.tablaFormulario {
	-webkit-border-radius: 12px 0 0 0;
	-moz-border-radius: 12px 0 0 0;
	border-radius: 12px 0 0 0;
  border-collapse:collapse;
  margin: auto;
  width: 90%;
  display: block;
}

.tablaFormulario thead {
	background: #666666;
	color: #FFFFFF;
	-webkit-border-radius
	-webkit-border-radius: 11px 0 0 0;
	-moz-border-radius: 11px 0 0 0;
	border-radius: 11px 0 0 0;
display: block;
}
.tablaFormulario thead tr {}
th {padding: 6px 3px; width: 17%;}

td {padding: 6px 3px; width: 17%;}
.tablaEnlace {
	margin: auto;
	display: block;
	text-align: center;
	margin-top: 15px;
	background: url("../img/botonFondo.png") left center repeat-x !important;
	color: #000000 !important;
	padding: 3px 6px 3px 6px;
	width: 80px;
	border: 1px solid #909090;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	
.tablaEnlace:hover {color: #C30000 !important;}

.w35
{
    width: 35%;
    border: 1px solid silver;
    float: left;
}
.w60
{
    width: 60%;
    border: 1px solid silver;
}
.border
{
    margin-top: 5px;
    border: 1px solid silver;
    float: left;
    width: 100%;
}
.w50
{
    width: 50%;
}
.w70
{
    width: 70%;
}
.imgmin
{
    width: 60px;
    height: 60px;
}
 .line
{
    line-height: 30px;
}
#men
{
    border: 1px solid silver;
    padding: 8px;
    font-weight: bold;
}
 
#publicarMomentos,#publicarMomentos2
{
     background: url("../img/publicarMomentos.png") no-repeat;
     width: 100px;
     height: 32px;
     float: left;
     text-align: right;
     line-height: 3;
     cursor: pointer;
}
#publicarActividad
{
    cursor: pointer;
    
}
#publicarArchivo,#publicarArchivo2
{
     background: url("../img/publicarArchivo.png") no-repeat;
     width: 100px;
     height: 32px;
     float: left;
     text-align: right;
     line-height: 3;
     cursor: pointer;
}
#publicarTemas
{
     background: url("../img/temas.png") no-repeat;
     width: 100px;
     height: 32px;
     float: left;
     text-align: right;
     line-height: 3;
     cursor: pointer;
}

#publicacion,#repuestaPublicacion

{
    width:100%;
    float: left;
    padding: 4px;
}
#verlopublicado
{
    width:100%;
    float: left;
    padding: 4px;
    margin-top: 20px;
    
}

#conectados {
      bottom: 0;
    position: fixed;
    width: 170px;
    z-index: 50000;
    
    background: #EBEBEB;
    height: 300px;
    display: block;

}

 
a#link
{
   float: left;
   margin-left: 20px;
   cursor: pointer;     
}

.users
{
    border-bottom: 1px dashed red;
    padding: 4px;
}
#eliminar,#delRelacion,#delPerfil
{
     background: url("../img/eliminar.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;
}
#eliminarPublicacion
{
     background: url("../img/papelera24.png") no-repeat;
     width: 24px;
     height: 24px;
     float: right;
     cursor: pointer;
}
#editar,#editPerfil,#editarRelacion,#editarPerfil
{
     background: url("../img/edit.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;
}
#edit_profile
{
     background: url("../img/edit_profile.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;
}
#crear_perfil
{
     background: url("../img/users.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;
}
#download
{
    background: url("../img/download.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;   
}

#eliminarRelacion
{
     background: url("../img/eliminarRelacion.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;   
}
#deleteRelacion
{
    background: url("../img/delete.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;
}
#respuestaRelacion
{
    width: 100%;
}

#activarCuenta
{
      background: url("../img/unlock.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;
}

.table table {
   
   border: 1px solid #999;
   text-align: left;
   border-collapse: collapse;
   margin: 0 0 1em 0;
   caption-side: top;
}
.comentario {
   
   float: left;
   
}

.table caption, .table td,.table th {
   padding: 0.3em;
   vertical-align:text-top;
}
td
{
    vertical-align:text-top;
}
.table th,.table td {
   border-bottom: 1px solid #999;
   width: 25%;
   vertical-align:text-top;
}
.table caption {
   font-weight: bold;
   font-style: italic;
}

.relacion
{
    padding-top: 10px;
    padding-left: 6px;
    
}

#consultarRelacion
{
    background: url("../img/consultarRelacion.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;
}
#relacion
{
     background: url("../img/relacion.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;
}
#consultar
{
     background: url("../img/consultar.png") no-repeat;
     width: 32px;
     height: 32px;
     float: left;
     cursor: pointer;
}

#informacion
{
   
}
img.mini
{
    width: 60px;
    height: 60px;
    float: left;
    vertical-align:text-top;
}
.titulo
{
    background-color: #e2322b;
    padding: 4px;
    color: white;
    text-align: center;
    width: 100%;
 
    float: left;
}
#perfil
{
    position: absolute;
    margin-top: -24px;
   /* margin-left: 240px;*/
}


img.mini
{
    width: 60px;
    height: 60px;
}
.titulo
{
    background-color: #e2322b;
    padding: 4px;
    color: white;
    text-align: center;
    width: 100%;
 
    float: left;
}
.nUsuario,.uGustos
{
    width: 620px;
    float: left;
    font-family:'comic sans ms';
    color: #e82217;
    border: 1px solid oldlace;
}
.tdRed
{
    height: 10px;
    background:url("../img/tdRed.png") repeat-x;
}
#gris
{
    background: #fafafa;
    width: 90%;
    padding: 4px;
}
#archivo,#archivoGrupo
{
    width: 140px;
    height: 32px;
    background:url("../img/exhaminar.png");
}
.flowplayer 
{
    width:600px; 
    height:300px;
    float: left; 
    border: 1px solid red;
}
img.medio
{
    width: 400px;
    height: 400px;
}
.comentario
{
    border: 1px dashed #CECECE;
}
.nn
{
    float: left;
}
td.left
{
    text-align: left;
    padding-left: 20px;
    float: left;
    width: 400px;
}
.imgPublicacion img
{
    width: 600px;
    height: 400px;
}
#ifr
{
    border: 1px dashed #CFCFCF;
}